import React from 'react';
import './index.css'
import {Local,PhoneTelephone,MailEdit} from '@icon-park/react';
import mapImg from './map.jpg'
function ContactUs(props) {

    return (
        <div className="contact-card">
            <h2>联系我们</h2>

            <div className="contact-card-img">
                <img
                    width={610}
                    height={480}
                    src={mapImg}
                />
            </div>
                <div className="contact-card-text">
                    <div className="contact-item">
                        <div>
                            <PhoneTelephone theme="outline" size="24" fill="#196eff"/>
                            <h3>联系电话</h3>
                            <p>010-63206623</p>
                        </div>
                    </div>

                    <div className="contact-item">
                        <div>
                            <MailEdit theme="outline" size="24" fill="#196eff"/>
                            <h3>邮编</h3>
                            <p>100120</p>
                        </div>
                    </div>


                    <div className="contact-item">
                        <div>
                            <Local theme="outline" size="24" fill="#196eff"/>
                            <h3>地址</h3>
                            <a
                                href="https://map.baidu.com/search/%E6%B0%B4%E5%88%A9%E9%83%A8%E6%B0%B4%E5%88%A9%E6%B0%B4%E7%94%B5%E8%A7%84%E5%88%92%E8%AE%BE%E8%AE%A1%E6%80%BB%E9%99%A2/@12957397.1634087,4832595.98354855,19z?querytype=s&da_src=shareurl&wd=%E6%B0%B4%E5%88%A9%E9%83%A8%E6%B0%B4%E5%88%A9%E6%B0%B4%E7%94%B5%E8%A7%84%E5%88%92%E8%AE%BE%E8%AE%A1%E6%80%BB%E9%99%A2&c=131&src=0&pn=0&sug=0&l=19&b=(12956777.15135335,4832338.445;12957630.65135335,4832787.445)&from=webmap&biz_forward=%7B%22scaler%22:2,%22styles%22:%22pl%22%7D&device_ratio=2"
                                target="_blank"
                                rel="noopener noreferrer"
                                className="contact-button"
                            >
                                北京西城区六铺炕北小街4号院1号楼
                            </a>

                        </div>
                    </div>
                </div>

            </div>
            );
            }

            export default ContactUs;